layui.use(['form','table','treeSelect'], function () {
    var form = layui.form,
        layer = layui.layer,
        $ = layui.$;
        treeSelect = layui.treeSelect,
        table = layui.table

    //渲染父类别下拉树
    treeSelect.render({
        // 选择器
        elem: '#parentId',
        // 数据
        data: ctx + '/api/categories/tree',
        // 异步加载方式：get/post，默认get
        type: 'get',
        // 占位符
        placeholder: '请选择父类别',
        // 点击回调
        click: function (d) {
            //console.log(d);
        },
        // 加载完成后的回调函数
        success: function (d) {
            //console.log(d);
            // 选中节点，根据id筛选
            if (parentId) {
                treeSelect.checkNode('parentId', parentId);
            }

            //获取zTree对象，可以调用zTree方法
            //var treeObj = treeSelect.zTree('tree');
            //console.log(treeObj);

            //刷新树结构
            //treeSelect.refresh();
        }
    });

    //监听提交
    form.on('submit(save-btn)', function (data) {
        let url = ctx + "/api/categories";
        $.ajax({
            url,
            method:"post",
            dataType:"json",
            data:data.field,
            success(resp){
                if (resp.success){
                    //如果添加成功,刷新表格
                    layer.msg("添加成功!")
                    setTimeout(function (){
                        parent.layui.use(["table"],function (){
                            let table = parent.layui.table;
                            table.reload('tbl');
                        });
                        let iframeIndex = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(iframeIndex);
                    },500)

                }
            },error(resp){
                console.log(resp);
            }
        });
        return false;
    });

});